<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/new_file.css">
		<style type="text/css">
			div{
				margin: 7px;
				width: 70px;
				height: 90px;
				float: left;
			}
			
			#a1{
				border: 3px solid blue;
			}
			
			#a2{
				border: 3px dashed pink;
			}
			
			#a3{
				border:  3px dotted black;
			}
			
			#a4{
				border-top: 3px dashed red;
				border-bottom: 3px dotted pink ;
				border-left: 3px solid green;
				border-right: 3px solid green;
			}
		</style>
	</head>
	<body>
		<div id="a1">实线边框</div>
		<div id="a2">虚线边框</div>
		<div id="a3">点线边框</div>
		<div id="a4">盒子模型边框</div>
	</body>
</html>
